<style>
	#div1{padding: 10px;background: #ccc;}
</style>

<template>
	<div id="div1">
	 <h3>这个Foo页面</h3>
	    <hr>
	  	<br>
		{{msg}}
		<br>
		<hr>
		<br>

		<button v-on:click="click1">改变</button>
	</div>
</template>

<script>

import layer from "../lib/layer/layer.js";
layer.config({
  path: './js/lib/layer/' //layer.js所在的目录，可以是绝对目录，也可以是相对目录
});

module.exports = {
	methods:{
		click1:function(){
			this.msg = "zhang";
			layer.msg("Foo信息改变成功！");
		}
	}
	,data:function(){
		return {
			msg:"Foo页面"
		}
	}
}

</script>